﻿@{
    ViewBag.Title = "Home Page";
    ViewBag.Description = "Calligraphy Home Page";
    ViewBag.Keywords = "calligraphy, home";
    ViewBag.PageName = "home";
}

<!-- home content -->
<div id="homediv">

  <div class="container">
    <div class="row">
      <div class="span12"> 
        <!-- slider -->
        <div class="flexslider">
          <ul class="slides">
            <li> <img src="~/Content/img/slide-1.jpg" alt="" > </li>
            <li> <img src="~/Content/img/slide-2.jpg" alt="" > </li>
            <li> <img src="~/Content/img/slide-1.jpg" alt="" > </li>
            <li> <img src="~/Content/img/slide-2.jpg" alt="" > </li>
            <li> <img src="~/Content/img/slide-1.jpg" alt="" > </li>
          </ul>
        </div>
        <span id="responsiveFlag"></span>
        <div class="block-slogan">
          <h2>Calligraphy</h2>
          <div>
            <p>You want to put your name and your darling name side by side on the phone wallpaper.<br>
                You want to create a greeting card to send to friends on their birthdays, their wedding day.<br>
                You also want to create a poster to send to relatives and family in the beginning of the year ... <br>
                Calligraphy is an application that can help you do that!</p>
            <p style="text-align:center; padding-top:20px;"><a href="#" class="btn btn-1">Download Now</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- content -->
      
  <div id="content" class="content-extra">
    <div class="ic"></div>
    <div class="row-1">
        <div class="container">
        <div class="row">
        <article class="span12">
        <h4>Templates</h4>
         </article>
              <ul class="thumbnails thumbnails-1">
            <li class="span3">
                  <div class="thumbnail thumbnail-1">
                <img  src="~/Content/img/blog-featured-01.jpg" alt="">
                <section> 
                		<a href="#"><h3>Tranh rừng trúc</h3></a>
                	    <div class="meta">
                            <time datetime="2013-01-06" class="date-1"><i class="icon-calendar"></i> 6.1.2013</time>
                            <div class="name-author"><i class="icon-user"></i> <a href="#">Admin</a></div>
                            <a href="#" class="comments"><i class="icon-comment"></i> 7 comments</a>
                        </div> 
                        <div class="clear"></div>
                      <p>Tranh xưa, với màu sắc đơn giản, thanh tao, kết hợp với vẽ uốn lượn của thư pháp, một cặp đôi hoàn hảo.</p>
                      <a href="#" class="btn btn-1">Read More</a> </section>
              </div>
                </li>
            <li class="span3">
                  <div class="thumbnail thumbnail-1">
                <img  src="~/Content/img/blog-featured-02.jpg" alt="">
                <section> 
                	  <a href="#"><h3>Tôn sư trọng đạo</h3></a>
                        <div class="meta">
                            <time datetime="2013-01-06" class="date-1"><i class="icon-calendar"></i> 2013-01-06</time>
                            <div class="name-author"><i class="icon-user"></i> <a href="#">Admin</a></div>
                            <a href="#" class="comments"><i class="icon-comment"></i> 4 comments</a>
                        </div>
                        <div class="clear"></div>            
                      <p>Khổng giáo, nơi bắt nguồn truyền thống hiếu học, cũng là nơi xuất phát của những câu danh ngôn về người thầy.</p>
                      <a href="#" class="btn btn-1">Read More</a> </section>
              </div>
                </li>
            <li class="span3">
                  <div class="thumbnail thumbnail-1">
                <img  src="~/Content/img/blog-featured-03.jpg" alt="">
                <section>
                	  <a href="#"><h3>Sông núi hữu tình</h3></a>
                        <div class="meta">
                            <time datetime="2013-01-06" class="date-1"><i class="icon-calendar"></i>2013-01-06</time>
                            <div class="name-author"><i class="icon-user"></i> <a href="#">Admin</a></div>
                            <a href="#" class="comments"><i class="icon-comment"></i> 9 comments</a>
                        </div>
                        <div class="clear"></div>   
                      <p>Núi non càng hùng vĩ, thác nước chảy càng đẹp, càng mãnh liệt. </p><br>
                      <a href="#" class="btn btn-1">Read More</a> </section>
              </div>
                </li>
            <li class="span3">
                  <div class="thumbnail thumbnail-1">
                <img  src="~/Content/img/blog-featured-04.jpg" alt="">
                <section> <a href="#"><h3>Biển yên sóng lặng</h3></a>
                		<div class="meta">
                            <time datetime="2012-11-09" class="date-1"><i class="icon-calendar"></i> 9.11.2012</time>
                            <div class="name-author"><i class="icon-user"></i> <a href="#">Admin</a></div>
                            <a href="#" class="comments"><i class="icon-comment"></i> 1 comment</a>
                        </div> 
                        <div class="clear"></div>   
                      <p>Biển có khi dậy sóng, có lúc tĩnh lặng, giống như tính cách con người. Có lẽ con người thích biển vì lẽ đó.</p>
                      <a href="#" class="btn btn-1">Read More</a> </section>
              </div>
                </li>
          </ul>
            </div>
        </div>
        </div>
    
        <div class="container">
              <div class="row">
            <article class="span6">
                  <h3>Shortly about us</h3>
                  <div class="wrapper">
                <figure class="img-indent"><img src="~/Content/img/15.jpg " alt="" /></figure>
                <div class="inner-1 overflow extra">
                      Phạm Minh Chiến & Nguyễn Phương Toàn - Sinh viên trường Đại học Công Nghệ Thông Tin - Đại học Quốc Gia Thành Phố Hồ Chí Minh - Lớp CNPM03 - Khoa Công Nghệ Phần Mềm. 
                    </div>
              </div>
                </article>
           @* <article class="span6">
                  <h3>Some quick links</h3>
                    <div class="wrapper">
                        <ul class="list list-pad">
                              <li><a href="#">Home</a></li>
                              <li><a href="#">Download</a></li>
                              <li><a href="#">Templates</a></li>
                              <li><a href="#">Contact</a></li>
                            </ul>
                        <ul class="list list-pad">
                              <li><a href="#">Home</a></li>
                              <li><a href="#">Download</a></li>
                              <li><a href="#">Templates</a></li>
                              <li><a href="#">Contact</a></li>
                            </ul>
                        <ul class="list list-pad">
                              <li><a href="#">Home</a></li>
                              <li><a href="#">Download</a></li>
                              <li><a href="#">Templates</a></li>
                              <li><a href="#">Contact</a></li>
                            </ul>
                        <ul class="list list-pad">
                              <li><a href="#">Home</a></li>
                              <li><a href="#">Download</a></li>
                              <li><a href="#">Templates</a></li>
                              <li><a href="#">Contact</a></li>
                            </ul>
                    </div>
                </article>*@
          </div>
            </div>

    </div>
</div>
    <!-- contact content -->
  <div id="contactdiv"><div class="ic"></div>
    <div class="container">
          <div class="row">
        <article class="span8">
              <h3>Contact us</h3>
              <div class="inner-1">
            <form id="contact-form">
                  <div class="success"> Your message has been sent succesfuly!<strong> We will be in touch soon.</strong> </div>
                  <fieldset>
                <div>
                    <label class="name">
                    <input type="text" value="Your name">
                  <br>
                    <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
                    </div>
                  <div>
                    <label class="phone">
                    <input type="tel" value="Telephone">
                    <br>
                    <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
                    </div>
                <div>
                    <label class="email">
                    <input type="email" value="Email">
                    <br>
                    <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
                    </div>
                <div>
                    <label class="message">
                    <textarea>Message</textarea>
                    <br>
                    <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
                    </div>
                <div class="buttons-wrapper"> <a class="btn btn-1" data-type="reset">Clear</a> <a class="btn btn-1" data-type="submit">Send</a></div>
              </fieldset>
                </form>
          </div>
            </article>
        <article class="span4">
          <h3>Contact info</h3>
          <div class="map">
            <a href="#" target="_blank"><img src="~/Content/img/uit-logo.png" alt="" /></a>
          </div>
          <address class="address-1">
            <strong>Trường Đại Học Công Nghệ Thông Tin,<br>
              KM 20 Xa lộ Hà Nội, P. Linh Trung,<br>
              Quận Thủ Đức, Tp. Hồ Chí Minh.</strong>
            <div class="overflow"> <span>Mobile:</span>+91 12345 67890<br>
                <span>Telephone:</span>(08) 372 52002<br>
                <span>FAX:</span>(08) 372 52148 <br>
            </div>
          </address>
        </article>
      </div>
        </div>
  </div>

<!-- content about -->
<div id="aboutdiv"><div class="ic"></div>
  <div class="container">
    <div class="row">
       <article class="span8">
          <h3>About Us</h3>
          <div class="inner-1">
            <p>
                Đây là dự án demo cho khóa luận cuối cấp, được thực hiện bởi hai thành viên:
                <ul>
                    <li>Phạm Minh Chiến - MSSV 08520041</li>
                    <li>Nguyễn Phương Toàn - MSSV 08520415</li>
                </ul>
                Chúng tôi là sinh viên trường Đại học Công nghệ Thông Tin - Đại học Quốc Gia Thành Phố Hồ Chí Minh
                Làng Đại Học Quốc Gia Thành Phố Hồ Chí Minh - Phường Linh Trung, Thủ Đức
            </p>
          </div>
       </article> 
        <article class="span4">
          <h3>Contact info</h3>
          <div class="map">
            <a href="#" target="_blank"><img src="~/Content/img/uit-logo.png" alt="" /></a>
          </div>
          <address class="address-1">
            <strong>Trường Đại Học Công Nghệ Thông Tin,<br>
              KM 20 Xa lộ Hà Nội, P. Linh Trung,<br>
              Quận Thủ Đức, Tp. Hồ Chí Minh.</strong>
            <div class="overflow"> <span>Mobile:</span>+91 12345 67890<br>
                <span>Telephone:</span>(08) 372 52002<br>
                <span>FAX:</span>(08) 372 52148 <br>
            </div>
          </address>
        </article>
    </div>
  </div>
</div>

@Html.Partial("_TemplatesPartial")

@section scripts {
    @*<script src="~/Content/js/functions.js"></script>*@
    <script src="~/Content/js/home.viewmodel.js"></script>
    
    }